<template>
    <div class="index">
        <el-container>

            <el-header style="height: auto">
                <nav-header></nav-header>
            </el-header>

            <el-main>
                <new-box></new-box>
            </el-main>

            <el-footer style="height: auto">
                <footer-bar></footer-bar>
            </el-footer>

        </el-container>
    </div>
</template>

<script>
    import NavHeader from '../components/header'
    import newBox from '../components/newBox'
    import FooterBar from '../components/footer'
export default {
  name: 'index',
    data () {
        return {
            radio: '1'
        };
    },
    components: {
        NavHeader , newBox, FooterBar
    }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less" scoped>
    .index {
        height: 100%;
    }

</style>
